<nz-spin [nzSpinning]="_saving" [nzTip]="'正在保存数据...'">
    <nz-content style="background:#fff; padding: 0 12px; min-height: 200px;">
        <form nz-form class="ant-advanced-search-form">
            <div nz-row>
                <div nz-col [nzSpan]="12">
                    <div nz-form-item nz-row>
                        <div nz-form-label nz-col [nzSpan]="5">
                            <label [attr.for]="'name'">名称</label>
                        </div>
                        <div nz-form-control nz-col [nzSpan]="19">
                            <nz-input [nzSize]="'large'" [nzPlaceHolder]="'名称包含'" name="name" [(ngModel)]="filter.nameLk" [nzId]="'name'"></nz-input>
                        </div>
                    </div>
                </div>
                <div nz-col [nzSpan]="12" style="text-align: right;">
                    <button nz-button [nzType]="'primary'" (click)="search(true)">查询</button>
                    <button nz-button (click)="resetForm()">重置</button>
                </div>
            </div>
        </form>

        <div class="search-result-list">
            <nz-table #nzTable [nzAjaxData]="page.content" [(nzPageIndex)]="_pageIndex" [(nzPageSize)]="_pageSize" [nzTotal]="page.totalElements"
                [nzLoading]="_loading" [nzShowSizeChanger]="true" [nzShowQuickJumper]="true" [nzShowTotal]="'true'" [nzSize]="'small'"
                (nzPageIndexChange)="search()" (nzPageSizeChange)="search(true)">
                <thead nz-thead>
                    <tr>
                        <th nz-th [nzCheckbox]="true">
                            <label nz-checkbox [(ngModel)]="_allChecked" [nzIndeterminate]="_indeterminate" (ngModelChange)="_checkAll($event)">
                            </label>
                        </th>
                        <th nz-th>
                            <span>名称</span>
                        </th>
                    </tr>
                </thead>
                <tbody nz-tbody>
                    <tr nz-tbody-tr *ngFor="let role of nzTable.data">
                        <td nz-td [nzCheckbox]="true">
                            <label nz-checkbox [(ngModel)]="role.checked" (ngModelChange)="_refreshStatus($event)">
                            </label>
                        </td>
                        <td nz-td>{{role.name}}</td>
                    </tr>
                </tbody>
            </nz-table>
        </div>
    </nz-content>

    <div class="customize-footer">
        <button nz-button [nzType]="'default'" [nzSize]="'large'" (click)="cancel()">取消</button>
        <button nz-button [nzType]="'primary'" [nzSize]="'large'" (click)="confirm()">确定</button>
    </div>
</nz-spin>